import art from './index.art';

import { getUserList, reqDeleteUser } from '../../api'
import { removeToken, removeUserInfo } from '../../utils/storageUtils';

async function getUser(page=1) {
    //显示条数
    let limit = 5;
    //用户列表 、 数据总数
    let {data:{users,total}} =  await getUserList(page, limit);
    
    // console.log(users,total);

    //计算总页数
    let pageCount = Math.ceil(total/limit);

    let html = art({ username: "laowang" ,users,pageCount,page});

    document.getElementById('app').innerHTML = html;

    logoutFn();

    deleteFn();
}

getUser();

//让模板引擎内可以使用此函数
window.getUser = getUser;

//退出登录执行函数
function logoutFn(){
    let logoutBtn=document.getElementById('logoutBtn');

    logoutBtn.onclick = function(){
        //删除token
        removeToken()
        //删除用户信息
        removeUserInfo()
        //执行退出

        //跳转到登录页
        window.location.href = '/login.html';
    }
}

//删除用户执行函数
function deleteFn(){
    let delBtns = document.getElementsByName('deleteBtn');
    delBtns.forEach(item=>{
        // console.log(item);
        item.onclick =async function(){
            if(confirm("确定要删除吗？")){
                // 获取要删除用户的id
                // console.log(this.dataset.id); 
                //发送删除请求
                //
               let res = await reqDeleteUser(this.dataset.id);
                if(res.code === 2000){
                    alert("删除成功");
                    //重新加载页面数据
                    getUser();
                }
            }
        }
    })
}



